<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scale=no">
	<meta name="keywords" content="key,bo,pang,words,web">
	<meta name="description" content="this is my firstwebside...">
	<meta http-equiv="cache-control" content="no-sitapp">
	<meta name="author" content="pangbo">
	<title>firstweb</title>
	<style type="text/css">
           *{margin: 0px;padding: 0px;font-size: 20px;font-family: "微软雅黑";color: red;list-style: none;text-decoration: none;}
           .head{height: 100px;background-color: black;}
           .content{width: 1200px;margin: 0 auto;}
           .foot{height: 100px;background-color: black;}
           .nav{height: 50px;background-color: blue;}
           ul li{display: inline;font-size: 40px; line-height: 50px;background-color: yellow;text-align: center;}
           a:hover{color: blue;background-color: red;}
	</style>
</head>
<body>
	<div class="head">this is a head</div>
	<div class="content">
		<div class="nav">
			<ul>
				<li><a href="#">中 国</a></li>
				<li><a href="#">美 国</a></li>
				<li><a href="#">泰 国</a></li>
				<li><a href="#">英 国</a></li>
				<li><a href="#">德 国</a></li>
				<li><a href="#">韩 国</a></li>
				<li><a href="#">俄 国</a></li>
				<li><a href="#">日 本</a></li>
			</ul>
		</div>
		<div class="banner">this is a banner</div>
	</div>
	<div class="foot">this is a foot</div>
</body>
</html>